<!DOCTYPE html>
<html>
	<head>
        <meta charset="utf-8">
        <title>AI交互式实验系统管理端登录</title>
        <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <link rel="stylesheet" href='{{ static_url("bootstrap/css/bootstrap.min.css") }}' type="text/css" />
        <link rel="stylesheet" href="{{static_url('font-awesome/css/font-awesome.min.css')}}" type="text/css">
        <style>
            .error {
                color:red;
            }
        </style>
    
        <script src='{{static_url("js/jquery-1.10.2.min.js") }}'></script>
        <script src='{{static_url("bootstrap/js/bootstrap.min.js") }}'></script>
	</head>

	<body>
		<div class="container">
			<div class="page-header">
				<h3><strong>学生登录</strong></h3>
			</div>
			<form class="form-horizontal" method="post" action="/account_login">
				<fieldset>
					<div class="form-group">
						<label for="name" class="col-md-2 control-label">用户名：</label>
						<div class="col-md-8">
							<input type="text" id="username" name="username" class="form-control" value='37040401' />
						</div>
						<div class="col-md-2 form-control-static error">*</div>
					</div>
					<div class="form-group">
						<label for="gender" class="col-md-2 control-label">密码：</label>
						<div class="col-md-8">
                            <input type="password" id="password" name="password" class="form-control" value='37040401' />
                        </div>
                        <div class="col-md-2 form-control-static error">*</div>
                    </div>
                    {% if error %}
                        <div class="form-group">
                            <div class="col-md-10 form-control-static error">{{error}}</div>
                        </div>
                    {% end %}
				</fieldset>
				<div class="form-group">
					<div class="col-md-8 col-md-offset-2">
						<button type="submit" class="btn btn-primary" onclick="return checkInput();">登录</button>
						<button type="reset" class="btn btn-default">重置</button>
					</div>
				</div>
			</form>
        </div>
        
        <script>
            function checkInput(){
                var username = $("#username").val();
                var password = $("#password").val();
                return username && password;
            }
        </script>
	</body>
</html>